<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>主题配置 | 知识库</title>
    <meta name="generator" content="VuePress 1.9.2">
    <link rel="icon" href="/vuepress-theme-vdoing-doc/img/favicon.ico">
    <noscript><meta http-equiv="refresh" content="0; url=https://www.youngkbt.cn/noscript/"><style>.theme-vdoing-content { display:none }</noscript>
    <meta name="description" content="一个基于VuePress的 知识管理">
    <meta name="keywords" content="vuepress,theme,blog,vdoing">
    <meta name="theme-color" content="#11a8cd">
    
    <link rel="preload" href="/vuepress-theme-vdoing-doc/assets/css/0.styles.b0974950.css" as="style"><link rel="preload" href="/vuepress-theme-vdoing-doc/assets/js/app.f061d58b.js" as="script"><link rel="preload" href="/vuepress-theme-vdoing-doc/assets/js/2.9bf30e88.js" as="script"><link rel="preload" href="/vuepress-theme-vdoing-doc/assets/js/13.2376fcd7.js" as="script"><link rel="preload" href="/vuepress-theme-vdoing-doc/assets/js/4.c02b1e5f.js" as="script"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/10.d2937c56.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/11.67567365.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/12.74e8c324.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/14.57ef5c33.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/15.44e7c0ba.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/16.c2fb4c44.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/17.af212389.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/18.1e6acac7.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/19.54653ac9.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/20.920cc499.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/21.37128fe3.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/22.8f68a2f2.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/23.7b9f1ba6.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/24.12adc291.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/25.cfe381e5.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/26.9cf879f6.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/27.4e6190ea.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/28.1e22fc79.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/29.c57e047d.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/3.cdcce428.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/30.21a95474.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/31.ce97e6e3.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/32.cdb45d73.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/33.fd95e780.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/34.cd49a408.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/35.fe128161.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/36.02043ece.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/37.02eee249.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/38.4650dec6.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/39.04fb7652.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/40.7b51f807.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/41.1df513a9.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/42.92a82cec.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/43.363fceef.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/44.867b24fd.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/45.89f64bfa.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/46.3a4c53d8.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/47.b8a31c80.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/48.7a584b38.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/49.98345029.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/5.cb45b2c7.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/50.6a0b68f4.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/51.8945cdf6.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/52.6583e327.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/53.f6987dfc.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/54.cca012f3.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/55.8c58cf5c.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/56.23e08364.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/57.08b54de0.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/58.131ee23e.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/59.45637607.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/6.c97c5dc9.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/60.fe9c5dd1.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/61.39ad8fda.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/62.ede47d34.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/63.4bb3e179.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/64.23f955bc.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/65.77ffc240.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/66.a4503c94.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/67.bd3d6fa6.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/68.a003ac59.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/69.64c66f41.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/7.1e88af32.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/70.87dfbf7d.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/71.02806218.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/72.54e30335.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/73.002db3b4.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/74.e577570e.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/75.e610b3c9.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/76.f684a067.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/77.8be17062.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/78.cabc6873.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/79.83febd7c.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/8.91701106.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/80.19e3b7ca.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/81.1b4cafb3.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/82.752ef803.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/83.460cd49b.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/84.377a221f.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/85.016eaf98.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/86.604c5deb.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/87.d3a3662d.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/88.0cf7f581.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/89.40b002bd.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/9.94309dfb.js"><link rel="prefetch" href="/vuepress-theme-vdoing-doc/assets/js/90.086847f8.js">
    <link rel="stylesheet" href="/vuepress-theme-vdoing-doc/assets/css/0.styles.b0974950.css">
  </head>
  <body class="theme-mode-light">
    <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vuepress-theme-vdoing-doc/" class="home-link router-link-active"><img src="/vuepress-theme-vdoing-doc/img/logo.png" alt="知识库" class="logo"> <span class="site-name can-hide">知识库</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vuepress-theme-vdoing-doc/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/a2f161/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/52d5c3/" class="nav-link">主题初衷与诞生</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/a2f161/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/e08c97/" class="nav-link">模板集</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="案例" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/5d571c/" class="link-title">案例</a> <span class="title" style="display:none;">案例</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/5d571c/" class="nav-link">01.后端.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/4bd4c3/" class="nav-link">02.前端.md</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Docker" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/68917f/" class="link-title">Docker</a> <span class="title" style="display:none;">Docker</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/68917f/" class="nav-link">Docker安装与卸载</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/ceaf16/" class="nav-link">Docker常用命令</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Linux" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/489582/" class="link-title">Linux</a> <span class="title" style="display:none;">Linux</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/489582/" class="nav-link">01.防火墙设置.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/6babae/" class="nav-link">02.Linux文件压缩和解压要点.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/ccdc52/" class="nav-link">03.Linux 文件目录管理.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/503b98/" class="nav-link">04.Linux 文件内容查看编辑.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/e7b850/" class="nav-link">05.Linux 网络管理.md</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="空间聚合" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/a3137a/" class="link-title">空间聚合</a> <span class="title" style="display:none;">空间聚合</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/a3137a/" class="nav-link">OGC标准函数</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="后端" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/fcb182/" class="link-title">后端</a> <span class="title" style="display:none;">后端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>MyBatis</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/01e8a8/" class="nav-link">01.XML 映射器.md</a></li></ul></li><li class="dropdown-item"><h4>国产数据库</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/3c4d09/" class="nav-link">01.达梦适配.md</a></li><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/3ab660/" class="nav-link">02.瀚高适配.md</a></li></ul></li><li class="dropdown-item"><h4>Selenium爬取数据</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/e110c2/" class="nav-link">spring boot+selenium爬取数据.md</a></li></ul></li></ul></div></div> <a href="https://gitee.com/" target="_blank" rel="noopener noreferrer" class="repo-link">
    Source
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/vuepress-theme-vdoing-doc/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="指南" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/a2f161/" class="link-title">指南</a> <span class="title" style="display:none;">指南</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/52d5c3/" class="nav-link">主题初衷与诞生</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/a2f161/" class="nav-link">介绍</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/e08c97/" class="nav-link">模板集</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="案例" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/5d571c/" class="link-title">案例</a> <span class="title" style="display:none;">案例</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/5d571c/" class="nav-link">01.后端.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/4bd4c3/" class="nav-link">02.前端.md</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Docker" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/68917f/" class="link-title">Docker</a> <span class="title" style="display:none;">Docker</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/68917f/" class="nav-link">Docker安装与卸载</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/ceaf16/" class="nav-link">Docker常用命令</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="Linux" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/489582/" class="link-title">Linux</a> <span class="title" style="display:none;">Linux</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/489582/" class="nav-link">01.防火墙设置.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/6babae/" class="nav-link">02.Linux文件压缩和解压要点.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/ccdc52/" class="nav-link">03.Linux 文件目录管理.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/503b98/" class="nav-link">04.Linux 文件内容查看编辑.md</a></li><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/e7b850/" class="nav-link">05.Linux 网络管理.md</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="空间聚合" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/a3137a/" class="link-title">空间聚合</a> <span class="title" style="display:none;">空间聚合</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/vuepress-theme-vdoing-doc/pages/a3137a/" class="nav-link">OGC标准函数</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="后端" class="dropdown-title"><a href="/vuepress-theme-vdoing-doc/pages/fcb182/" class="link-title">后端</a> <span class="title" style="display:none;">后端</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>MyBatis</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/01e8a8/" class="nav-link">01.XML 映射器.md</a></li></ul></li><li class="dropdown-item"><h4>国产数据库</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/3c4d09/" class="nav-link">01.达梦适配.md</a></li><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/3ab660/" class="nav-link">02.瀚高适配.md</a></li></ul></li><li class="dropdown-item"><h4>Selenium爬取数据</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/vuepress-theme-vdoing-doc/pages/e110c2/" class="nav-link">spring boot+selenium爬取数据.md</a></li></ul></li></ul></div></div> <a href="https://gitee.com/" target="_blank" rel="noopener noreferrer" class="repo-link">
    Source
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav> <div class="sidebar-slot sidebar-slot-top">
  <a href="http://apifox.cn/a103xugaoyi" target="_blank">
<!--    <img src="https://cdn.staticaly.com/gh/xugaoyi/blog-gitalk-comment@master/img/431669861564_.2470ykdcpbds.jpg" alt="npm" class="no-zoom" style="width: 100%;border-radius: 2px;">-->
<!--    <p style="text-align: center;margin: 0;color: #999;font-size: 12px;">(进入注册为作者充电)</p>-->
  </a></div> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>配置</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/" aria-current="page" class="active sidebar-link">主题配置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#是否打开分类、标签、归档" class="sidebar-link">是否打开分类、标签、归档</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#category" class="sidebar-link">category</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#tag" class="sidebar-link">tag</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#archive" class="sidebar-link">archive</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#使用分类页、标签页、归档页链接" class="sidebar-link">使用分类页、标签页、归档页链接</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#碎片化文章默认分类值" class="sidebar-link">碎片化文章默认分类值</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#categorytext" class="sidebar-link">categoryText</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#页面风格" class="sidebar-link">页面风格</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#pagestyle" class="sidebar-link">pageStyle</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#defaultmode" class="sidebar-link">defaultMode</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#body背景大图" class="sidebar-link">body背景大图</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#bodybgimg" class="sidebar-link">bodyBgImg</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#bodybgimgopacity" class="sidebar-link">bodyBgImgOpacity</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#bodybgimginterval" class="sidebar-link">bodyBgImgInterval</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#文章标题前的图标" class="sidebar-link">文章标题前的图标</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#titlebadge" class="sidebar-link">titleBadge</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#titlebadgeicons" class="sidebar-link">titleBadgeIcons</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#文章内容块的背景底纹" class="sidebar-link">文章内容块的背景底纹</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#contentbgstyle" class="sidebar-link">contentBgStyle</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#侧边栏" class="sidebar-link">侧边栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#sidebar" class="sidebar-link">sidebar</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#sidebaropen" class="sidebar-link">sidebarOpen</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#对指定页面禁用侧边栏" class="sidebar-link">对指定页面禁用侧边栏</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#碎片化文章的侧边栏" class="sidebar-link">碎片化文章的侧边栏</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#最近更新栏" class="sidebar-link">最近更新栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#updatebar" class="sidebar-link">updateBar</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#非文章页的设置" class="sidebar-link">非文章页的设置</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#右侧文章大纲栏" class="sidebar-link">右侧文章大纲栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#rightmenubar" class="sidebar-link">rightMenuBar</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#快捷翻页按钮" class="sidebar-link">快捷翻页按钮</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#pagebutton" class="sidebar-link">pageButton</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#文章作者信息" class="sidebar-link">文章作者信息</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#author" class="sidebar-link">author</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#指定的文章作者信息" class="sidebar-link">指定的文章作者信息</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#博主信息" class="sidebar-link">博主信息</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#blogger" class="sidebar-link">blogger</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#社交图标" class="sidebar-link">社交图标</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#social" class="sidebar-link">social</a></li><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#主题内置的社交图标" class="sidebar-link">主题内置的社交图标</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#扩展自动生成front-matter" class="sidebar-link">扩展自动生成front matter</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#extendfrontmatter" class="sidebar-link">extendFrontmatter</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#页脚版权栏" class="sidebar-link">页脚版权栏</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#footer" class="sidebar-link">footer</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#自定义html模块" class="sidebar-link">自定义html模块</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/vuepress-theme-vdoing-doc/pages/a20ce8/#htmlmodules" class="sidebar-link">htmlModules</a></li></ul></li></ul></li><li><a href="/vuepress-theme-vdoing-doc/pages/f14bdb/" class="sidebar-link">首页配置</a></li><li><a href="/vuepress-theme-vdoing-doc/pages/3216b0/" class="sidebar-link">front matter配置</a></li><li><a href="/vuepress-theme-vdoing-doc/pages/54651a/" class="sidebar-link">目录页配置</a></li><li><a href="/vuepress-theme-vdoing-doc/pages/1cc523/" class="sidebar-link">添加摘要</a></li><li><a href="/vuepress-theme-vdoing-doc/pages/f51918/" class="sidebar-link">修改主题颜色和样式</a></li><li><a href="/vuepress-theme-vdoing-doc/pages/ce175c/" class="sidebar-link">评论栏</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div class="right-menu-margin"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="">主题配置<!----></h1> <div class="page-slot page-slot-top">
    <div class="wwads-cn wwads-horizontal page-wwads" data-id="136"></div>
    <style>
      .page-wwads{
        width:100%!important;
        min-height: 0;
        margin: 0;
      }
      .page-wwads .wwads-img img{
        width:80px!important;
      }
      .page-wwads .wwads-poweredby{
        width: 40px;
        position: absolute;
        right: 25px;
        bottom: 3px;
      }
      .wwads-content .wwads-text, .page-wwads .wwads-text{
        height: 100%;
        padding-top: 5px;
        display: block;
      }
  </style>
  </div> <div class="theme-vdoing-content content__default"><p>主题的配置在<code>.vuepress/config.ts</code>文件的<code>themeConfig</code>字段中，是在原有配置的基础上做的新增和修改，配置示例请查看：<a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/docs/.vuepress/config.ts" target="_blank" rel="noopener noreferrer">config.ts<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <p>更多官方配置，请查看<a href="https://vuepress.vuejs.org/zh/" target="_blank" rel="noopener noreferrer">vuepress文档<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>。</p> <h2 id="是否打开分类、标签、归档"><a href="#是否打开分类、标签、归档" class="header-anchor">#</a> 是否打开分类、标签、归档</h2> <h3 id="category"><a href="#category" class="header-anchor">#</a> category</h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否打开分类功能。 如打开，会做的事情有：</p> <ol><li>自动生成的front matter包含分类字段</li> <li>页面中显示与分类相关的信息和模块</li> <li>自动生成分类页面（在@pages文件夹）</li></ol> <p>如关闭，则反之。</p> <h3 id="tag"><a href="#tag" class="header-anchor">#</a> tag</h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否打开标签功能。 如打开，会做的事情有：</p> <ol><li>自动生成的front matter包含标签字段</li> <li>页面中显示与标签相关的信息和模块</li> <li>自动生成标签页面（在@pages文件夹）</li></ol> <p>如关闭，则反之。</p> <h3 id="archive"><a href="#archive" class="header-anchor">#</a> archive</h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否打开归档功能。 如打开，会做的事情有：</p> <ol><li>自动生成归档页面（在@pages文件夹）</li></ol> <p>如关闭，则反之。</p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如果你仅仅是想使用这个主题来搭建知识库，并不想使用分类、标签、归档功能，就可以关闭它们。</p></div> <h3 id="使用分类页、标签页、归档页链接"><a href="#使用分类页、标签页、归档页链接" class="header-anchor">#</a> 使用分类页、标签页、归档页链接</h3> <p>当你打开了分类、标签、归档功能，就可以在导航或其他地方添加分类页、标签页、归档页的链接：</p> <ul><li>分类页: <code>/categories/</code></li> <li>标签页: <code>/tags/</code></li> <li>归档页: <code>/archives/</code></li></ul> <h2 id="碎片化文章默认分类值"><a href="#碎片化文章默认分类值" class="header-anchor">#</a> 碎片化文章默认分类值</h2> <h3 id="categorytext"><a href="#categorytext" class="header-anchor">#</a> categoryText</h3> <ul><li>类型：<code>string</code></li> <li>默认：'随笔'</li></ul> <p>碎片化文章（_posts文件夹的文章）默认生成的分类值</p> <h2 id="页面风格"><a href="#页面风格" class="header-anchor">#</a> 页面风格</h2> <h3 id="pagestyle"><a href="#pagestyle" class="header-anchor">#</a> pageStyle <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.12.0 +</span></h3> <ul><li>类型：<code>string</code></li> <li>可选值：'card'  | 'line' （line在未设置bodyBgImg时才生效）</li> <li>默认：'card'</li></ul> <p>页面风格，<code>card</code>时背景显示灰色衬托出卡片样式，<code>line</code>时背景显示纯色，并且部分模块带线条边框（未设置bodyBgImg时才生效）</p> <h3 id="defaultmode"><a href="#defaultmode" class="header-anchor">#</a> defaultMode  <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.12.3 +</span></h3> <ul><li>类型：<code>string</code></li> <li>可选值：'auto' | 'light' | 'dark' | 'read'</li> <li>默认：'auto'</li></ul> <p>默认外观模式，用户未在页面手动修改过模式时才生效，否则以用户设置的模式为准</p> <h2 id="body背景大图"><a href="#body背景大图" class="header-anchor">#</a> body背景大图</h2> <h3 id="bodybgimg"><a href="#bodybgimg" class="header-anchor">#</a> bodyBgImg</h3> <ul><li>类型：<code>string</code> | <code>array</code></li> <li>默认：undefined</li></ul> <p>body背景大图，单张图片使用String，多张图片使用Array， 多张图片时每隔 &lt;bodyBgImgInterval&gt; 秒换一张</p> <h3 id="bodybgimgopacity"><a href="#bodybgimgopacity" class="header-anchor">#</a> bodyBgImgOpacity <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.4.0 +</span></h3> <ul><li>类型：<code>number</code></li> <li>默认：0.5</li> <li>选值范围：0 ~ 1.0</li></ul> <p>body背景图透明度</p> <h3 id="bodybgimginterval"><a href="#bodybgimginterval" class="header-anchor">#</a> bodyBgImgInterval <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.12.0 +</span></h3> <ul><li>类型：<code>number</code></li> <li>默认：15</li> <li>单位：s</li></ul> <p>body有多张背景大图时的切换间隔</p> <h2 id="文章标题前的图标"><a href="#文章标题前的图标" class="header-anchor">#</a> 文章标题前的图标</h2> <h3 id="titlebadge"><a href="#titlebadge" class="header-anchor">#</a> titleBadge</h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否打开文章标题图标</p> <h3 id="titlebadgeicons"><a href="#titlebadgeicons" class="header-anchor">#</a> titleBadgeIcons</h3> <ul><li>类型：<code>array</code></li> <li>默认：内置图标</li></ul> <p>文章标题图标的地址</p> <h2 id="文章内容块的背景底纹"><a href="#文章内容块的背景底纹" class="header-anchor">#</a> 文章内容块的背景底纹</h2> <h3 id="contentbgstyle"><a href="#contentbgstyle" class="header-anchor">#</a> contentBgStyle <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.4.0 +</span></h3> <ul><li>类型：<code>number</code></li> <li>默认：undefined</li> <li>选值：1 =&gt; 方格 | 2 =&gt; 横线 | 3 =&gt; 竖线 | 4 =&gt; 左斜线 | 5 =&gt; 右斜线 | 6 =&gt; 点状</li></ul> <p>文章内容块的背景底纹</p> <h2 id="侧边栏"><a href="#侧边栏" class="header-anchor">#</a> 侧边栏</h2> <h3 id="sidebar"><a href="#sidebar" class="header-anchor">#</a> sidebar</h3> <ul><li>类型：<code>srting</code> | <code>object</code> | <code>array</code></li> <li>在默认主题原有的配置上新增两项参数：
<ul><li><code>'structuring'</code>  自动生成结构化侧边栏</li> <li><code>{ mode: 'structuring', collapsable: Boolean}</code>  自动生成结构化侧边栏，并设置侧边栏是否可折叠，默认true</li></ul></li></ul> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>如需构建结构化站点请把此配置设置为<code>structuring</code> 或 <code>{ mode: 'structuring', collapsable: false}</code></p></div> <h3 id="sidebaropen"><a href="#sidebaropen" class="header-anchor">#</a> sidebarOpen</h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>初始状态下是否打开侧边栏</p> <div class="custom-block tip"><p class="custom-block-title">提示</p> <p>在侧边栏关闭状态下，页面向下滚动时会隐藏顶部导航栏，让用户更专注于阅读。</p></div> <h3 id="对指定页面禁用侧边栏"><a href="#对指定页面禁用侧边栏" class="header-anchor">#</a> 对指定页面禁用侧边栏</h3> <p>你可以通过 front matter 来禁用指定页面的侧边栏：</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">sidebar</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token punctuation">---</span>
</code></pre></div><h3 id="碎片化文章的侧边栏"><a href="#碎片化文章的侧边栏" class="header-anchor">#</a> 碎片化文章的侧边栏</h3> <p>在_posts文件夹的文章会自动在 front matter 添加 <code>sidebar: auto</code></p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">sidebar</span><span class="token punctuation">:</span> auto
<span class="token punctuation">---</span>
</code></pre></div><h2 id="最近更新栏"><a href="#最近更新栏" class="header-anchor">#</a> 最近更新栏</h2> <h3 id="updatebar"><a href="#updatebar" class="header-anchor">#</a> updateBar</h3> <ul><li>类型：<code>object</code></li> <li>默认：<code>{showToArticle: true, moreArticle: '/archives/'}</code> <ul><li>showToArticle 显示到文章页底部，默认true</li> <li>moreArticle “更多文章”跳转的页面，默认'/archives/'</li></ul></li></ul> <p>最近更新栏，显示于文章页底部和简约版首页文章列表</p> <h3 id="非文章页的设置"><a href="#非文章页的设置" class="header-anchor">#</a> 非文章页的设置</h3> <p>对于非文章页，如目录页、关于、友情链接等自定义页面，最好在front matter设置<code>article: false</code>，设置之后这个页面将被认定为非文章页，不显示面包屑和作者、时间，不显示最近更新栏，不会参与到最近更新文章的数据计算中。</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">article</span><span class="token punctuation">:</span> <span class="token boolean important">false</span>
<span class="token punctuation">---</span>
</code></pre></div><h2 id="右侧文章大纲栏"><a href="#右侧文章大纲栏" class="header-anchor">#</a> 右侧文章大纲栏</h2> <h3 id="rightmenubar"><a href="#rightmenubar" class="header-anchor">#</a> rightMenuBar <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.6.3 +</span></h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否显示右侧文章大纲栏。设置为<code>false</code>或屏宽小于<code>1300px</code>时，文章大纲将与左侧侧边栏混合在一起。
(注：在屏宽小于<code>1300px</code>下无论如何都不显示右侧文章大纲栏。)</p> <h2 id="快捷翻页按钮"><a href="#快捷翻页按钮" class="header-anchor">#</a> 快捷翻页按钮</h2> <h3 id="pagebutton"><a href="#pagebutton" class="header-anchor">#</a> pageButton <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.4.3 +</span></h3> <ul><li>类型：<code>boolean</code></li> <li>默认：true</li></ul> <p>是否显示快捷翻页按钮 (此按钮是文章页左右两边的箭头按钮，小屏中不会显示。)</p> <h2 id="文章作者信息"><a href="#文章作者信息" class="header-anchor">#</a> 文章作者信息</h2> <h3 id="author"><a href="#author" class="header-anchor">#</a> author</h3> <ul><li>类型：<code>string</code> | <code>{name: String, link: String}</code></li> <li>默认：undefined</li> <li>属性：
<ul><li>name 作者名称</li> <li>link 作者链接</li></ul></li></ul> <p>文章默认的作者信息</p> <h3 id="指定的文章作者信息"><a href="#指定的文章作者信息" class="header-anchor">#</a> 指定的文章作者信息</h3> <p>你也可以在指定的文章front matter设置作者信息，优先级比默认作者信息高，示例：</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span>
  <span class="token key atrule">name</span><span class="token punctuation">:</span> 作者名
  <span class="token key atrule">link</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//xxx.com
<span class="token punctuation">---</span>
 或
<span class="token punctuation">---</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span> 作者名
<span class="token punctuation">---</span>
</code></pre></div><h2 id="博主信息"><a href="#博主信息" class="header-anchor">#</a> 博主信息</h2> <h3 id="blogger"><a href="#blogger" class="header-anchor">#</a> blogger</h3> <ul><li>参数和类型：<code>{avatar: String, name: String, slogan: String}</code></li> <li>默认：undefined
<ul><li>avatar 头像，必需</li> <li>name 博主名称，必需</li> <li>slogan 标语，可选</li></ul></li></ul> <p>博主信息显示于首页博主信息栏</p> <h2 id="社交图标"><a href="#社交图标" class="header-anchor">#</a> 社交图标</h2> <h3 id="social"><a href="#social" class="header-anchor">#</a> social</h3> <ul><li>参数和类型：<code>{iconfontCssFile: String, icons: [{iconClass: String, title: String, link: String}]}</code></li> <li>默认：undefined
<ul><li>iconfontCssFile 可选，阿里图标库（或其他）的在线css字体图标文件地址，对于主题没有的图标可自由添加</li> <li>icons 图标列表，数量自由
<ul><li>iconClass 图标的Class名称</li> <li>title 图标的title</li> <li>link 图标的跳转链接</li></ul></li></ul></li></ul> <p>社交图标显示于博主信息栏和页脚栏</p> <h3 id="主题内置的社交图标"><a href="#主题内置的社交图标" class="header-anchor">#</a> 主题内置的社交图标  <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.2.2+, 部分v1.7.2+</span></h3> <table class="icons-table"><tbody><tr><td align="center" valign="middle"><span class="iconfont icon-weixin"></span> <p class="name">微信</p> <p>icon-weixin</p></td> <td align="center" valign="middle"><span class="iconfont icon-QQ"></span> <p class="name">QQ</p> <p>icon-QQ</p></td> <td align="center" valign="middle"><span class="iconfont icon-youjian"></span> <p class="name">邮件</p> <p>icon-youjian</p></td> <td align="center" valign="middle"><span class="iconfont icon-npm"></span> <p class="name">npm</p> <p>icon-npm</p></td> <td align="center" valign="middle"><span class="iconfont icon-github"></span> <p class="name">github</p> <p>icon-github</p></td> <td align="center" valign="middle"><span class="iconfont icon-gitee"></span> <p class="name">gitee</p> <p>icon-gitee</p></td> <td align="center" valign="middle"><span class="iconfont icon-weibo"></span> <p class="name">微博</p> <p>icon-weibo</p></td></tr><tr></tr> <tr><td align="center" valign="middle"><span class="iconfont icon-zhihu"></span> <p class="name">知乎</p> <p>icon-zhihu</p></td> <td align="center" valign="middle"><span class="iconfont icon-yuque"></span> <p class="name">语雀</p> <p>icon-yuque</p></td> <td align="center" valign="middle"><span class="iconfont icon-douban"></span> <p class="name">豆瓣</p> <p>icon-douban</p></td> <td align="center" valign="middle"><span class="iconfont icon-juejin"></span> <p class="name">掘金</p> <p>icon-juejin</p></td> <td align="center" valign="middle"><span class="iconfont icon-jianshu"></span> <p class="name">简书</p> <p>icon-jianshu</p></td> <td align="center" valign="middle"><span class="iconfont icon-sf"></span> <p class="name">思否</p> <p>icon-sf</p></td> <td align="center" valign="middle"><span class="iconfont icon-bokeyuan"></span> <p class="name">博客园</p> <p>icon-bokeyuan</p></td></tr><tr></tr> <tr><td align="center" valign="middle"><span class="iconfont icon-csdn"></span> <p class="name">CSDN</p> <p>icon-csdn</p></td> <td align="center" valign="middle"><span class="iconfont icon-v2ex"></span> <p class="name">v2ex</p> <p>icon-v2ex</p></td> <td align="center" valign="middle"><span class="iconfont icon-douyin"></span> <p class="name">抖音</p> <p>icon-douyin</p></td> <td align="center" valign="middle"><span class="iconfont icon-bilibili"></span> <p class="name">哔哩哔哩</p> <p>icon-bilibili</p></td> <td align="center" valign="middle"><span class="iconfont icon-youtube"></span> <p class="name">youtube</p> <p>icon-youtube</p></td> <td align="center" valign="middle"><span class="iconfont icon-facebook"></span> <p class="name">facebook</p> <p>icon-facebook</p></td> <td align="center" valign="middle"><span class="iconfont icon-twitter"></span> <p class="name">twitter</p> <p>icon-twitter</p></td></tr><tr></tr> <tr><td align="center" valign="middle"><span class="iconfont icon-telegram"></span> <p class="name">telegram</p> <p>icon-telegram</p></td> <td align="center" valign="middle"><span class="iconfont icon-rss"></span> <p class="name">RSS</p> <p>icon-rss</p></td> <td align="center" valign="middle"><span class="iconfont icon-erji"></span> <p class="name">耳机</p> <p>icon-erji</p></td> <td align="center" valign="middle"><span class="iconfont icon-mao"></span> <p class="name">猫咪</p> <p>icon-mao</p></td> <td align="center" valign="middle"><span class="iconfont icon-shuben"></span> <p class="name">书本</p> <p>icon-shuben</p></td> <td align="center" valign="middle"><span class="iconfont icon-xiangce"></span> <p class="name">相册</p> <p>icon-xiangce</p></td></tr></tbody></table> <style>
  .icons-table{
    opacity: 0.8;
  }
  .icons-table td{
    padding: 1em;
  }
  .icons-table span::before{
    font-size: 26px;
  }
  .icons-table p.name{
    margin-top: 18px;
    font-size: 14px;
  }
  .icons-table p{
    margin: 10px 0 0 0;
    font-size: 15px;
    line-height: 15px;
  }
</style> <h2 id="扩展自动生成front-matter"><a href="#扩展自动生成front-matter" class="header-anchor">#</a> 扩展自动生成front matter</h2> <h3 id="extendfrontmatter"><a href="#extendfrontmatter" class="header-anchor">#</a> extendFrontmatter <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.11.0 +</span></h3> <ul><li>类型：<code>Object</code></li> <li>默认：undefined</li></ul> <p>当<code>.md</code>文件的front matter不存在extendFrontmatter内相应的字段时，将在运行开发服务<code>dev</code>或打包<code>build</code>时自动添加，但不会覆盖已有的数据。</p> <p><strong>例子：</strong></p> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">extendFrontmatter</span><span class="token operator">:</span> <span class="token punctuation">{</span>
  <span class="token literal-property property">author</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">name</span><span class="token operator">:</span> <span class="token string">'xugaoyi'</span><span class="token punctuation">,</span>
    <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'https://github.com/xugaoyi'</span>
  <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token literal-property property">titleTag</span><span class="token operator">:</span> <span class="token string">''</span><span class="token punctuation">,</span>
<span class="token punctuation">}</span>
</code></pre></div><p>生成到front matter：</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">author</span><span class="token punctuation">:</span>
  <span class="token key atrule">name</span><span class="token punctuation">:</span> xugaoyi
  <span class="token key atrule">link</span><span class="token punctuation">:</span> https<span class="token punctuation">:</span>//github.com/xugaoyi
<span class="token key atrule">titleTag</span><span class="token punctuation">:</span>
<span class="token punctuation">---</span>
</code></pre></div><h2 id="页脚版权栏"><a href="#页脚版权栏" class="header-anchor">#</a> 页脚版权栏</h2> <h3 id="footer"><a href="#footer" class="header-anchor">#</a> footer</h3> <ul><li>参数和类型：<code>{createYear: Number | String, copyrightInfo: String}</code></li> <li>默认：undefined
<ul><li>createYear 博客创建的年份</li> <li>copyrightInfo 可以配置包括版权信息、备案信息在内的所有信息，支持a标签</li></ul></li></ul> <p>页脚版权栏信息，原默认主题在首页的front matter中的<code>footer</code>配置项已弃用。</p> <h2 id="自定义html模块"><a href="#自定义html模块" class="header-anchor">#</a> 自定义html模块</h2> <blockquote><p>可用于插入广告模块</p></blockquote> <h3 id="htmlmodules"><a href="#htmlmodules" class="header-anchor">#</a> htmlModules <span class="badge tip" style="vertical-align:top;" data-v-d5affa18>v1.7.0 +</span></h3> <ul><li><p>类型：<code>object</code></p></li> <li><p>默认：undefined</p></li> <li><p>属性：</p> <ul><li><code>homeSidebarB</code> 首页侧边栏底部</li> <li><code>sidebarT</code> 所有左侧边栏顶部</li> <li><code>sidebarB</code> 所有左侧边栏底部</li> <li><code>pageT</code> 页面顶部</li> <li><code>pageB</code> 页面底部</li> <li><code>pageTshowMode</code> 页面顶部的显示方式
<ul><li><code>未配置</code> 默认所有页面显示</li> <li><code>'article'</code> 仅文章页①显示</li> <li><code>'custom'</code> 仅自定义页①显示</li></ul></li> <li><code>pageBshowMode</code> 页面底部的显示方式
<ul><li><code>未配置</code> 默认全局显示</li> <li><code>'article'</code> 仅文章页①显示</li> <li><code>'custom'</code> 仅自定义页①显示</li></ul></li> <li><code>windowLB</code> 全局窗口左下角②</li> <li><code>windowRB</code> 全局窗口右下角②</li></ul> <br> <blockquote><p>①注：在.md文件front matter配置<code>article: false</code>的页面是自定义页，未配置的默认是文章页（首页除外）。</p> <p>②注：windowLB 和 windowRB：1.展示区块最大宽高200px*400px。2.请给自定义元素定一个不超过200px*400px的宽高。3.在屏幕宽度小于960px时无论如何都不会显示。</p></blockquote></li> <li><p>格式：</p></li></ul> <div class="language-js extra-class"><pre class="language-js"><code><span class="token literal-property property">htmlModules</span><span class="token operator">:</span> <span class="token punctuation">{</span>
   <span class="token literal-property property">homeSidebarB</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">sidebarT</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">sidebarB</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">pageT</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">pageB</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">pageTshowMode</span><span class="token operator">:</span> <span class="token string">'article'</span> <span class="token operator">|</span> <span class="token string">'custom'</span><span class="token punctuation">,</span>
   <span class="token literal-property property">pageBshowMode</span><span class="token operator">:</span> <span class="token string">'article'</span> <span class="token operator">|</span> <span class="token string">'custom'</span><span class="token punctuation">,</span>
   <span class="token literal-property property">windowLB</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
   <span class="token literal-property property">windowRB</span><span class="token operator">:</span> htmlString<span class="token punctuation">,</span>
 <span class="token punctuation">}</span>
</code></pre></div></div></div>  <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2022/07/14, 11:03:45</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><!----> <a href="/vuepress-theme-vdoing-doc/pages/f14bdb/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">首页配置</div></a></div> <div class="page-nav"><p class="inner"><!----> <span class="next"><a href="/vuepress-theme-vdoing-doc/pages/f14bdb/">首页配置</a>→
      </span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"></div> 
  Theme by
  <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
    | Copyright © 2023-2024
    <span>Insist | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
          跟随系统
        </li><li class="iconfont icon-rijianmoshi">
          浅色模式
        </li><li class="iconfont icon-yejianmoshi">
          深色模式
        </li><li class="iconfont icon-yuedu">
          阅读模式
        </li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
    <script src="/vuepress-theme-vdoing-doc/assets/js/app.f061d58b.js" defer></script><script src="/vuepress-theme-vdoing-doc/assets/js/2.9bf30e88.js" defer></script><script src="/vuepress-theme-vdoing-doc/assets/js/13.2376fcd7.js" defer></script><script src="/vuepress-theme-vdoing-doc/assets/js/4.c02b1e5f.js" defer></script>
  </body>
</html>
